<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" href="/favicon.ico" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/c/font_4011721_pvr5f3f1rb.css" />
  <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_567566_82imxaft0by.css" />
  <link rel="stylesheet" href="./public/css/animate.compat.css" />
  <link rel="stylesheet" href="./public/css/loading.css">
<!--  <link rel="stylesheet" href="https://unpkg.com/handsfree@8.1.1/build/lib/assets/handsfree.css" />-->
  <title>aseyun 通用管理系统</title>
</head>

<body>
  <div id="app">
    <div class="loading">
      <div class="loading-wrap">
        <div class="loading-dots">
          <span class="dot dot-spin">
            <i></i>
            <i></i>
            <i></i>
            <i></i>
          </span>
        </div>
        <div class="loading-title">
          aseyun
        </div>
      </div>
    </div>
  </div>
  <script type="module" src="/src/main.js"></script>
<!--  <script src="https://unpkg.com/handsfree@8.1.1/build/lib/handsfree.js"></script>-->

  <script>



//    //初始化handsfree实例
//    const handsfree = new Handsfree({
//      showDebug: true,
//      hands: true,
//      weboji: true,
//    });
//
//    debugger
//    // 当检测到用户的姿态时触发
//    handsfree.on("weboji", data => {
//      if (data.leftEyeBlink) {
//        // 用户的左眼闭上时，执行一些操作
//        console.log("Left Eye Blinked");
//        alert("Left Eye Blinked")
//      }
//      if (data.rightEyeBlink) {
//        // 用户的右眼闭上时，执行一些操作
//        console.log("Right Eye Blinked");
//        alert("Right Eye Blinked")
//      }
//      if (data.lookDown) {
//        // 用户的头部向下看时，执行一些操作
//        console.log("Looking Down");
//        alert("Looking Down")
//      }
//      if (data.lookUp) {
//        // 用户的头部向上看时，执行一些操作
//        console.log("Looking Up");
//        alert("Looking Up")
//      }
//      // 更多的姿态可以在handsfree的文档中查看
//    });
//
//    // 启动handsfree
//    handsfree.start();
//
//    // 移动元素
//    let x = 0;
//    handsfree.on("lookLeft", () => {
//      x -= 10;
//      alert("lookLeft")
//      //document.getElementById("myElement").style.left = x + "px";
//    });
//    handsfree.on("lookRight", () => {
//      x += 10;
//      alert("lookRight")
//     // document.getElementById("myElement").style.left = x + "px";
//    });


  </script>
</body>

</html>
